<ion-content [fullscreen]="true">
    <div class="main-page user-page">
        <div class="user-background">
            <img src="./assets/image/user/user-bg.png" alt="">
        </div>
        <div class="user-block">
<!--            <div (click)="changeAvatar()">-->
<!--                <img class="user-avatar" *ngIf="avatarImg" [src]="avatarImg"/>-->
<!--            </div>-->
            <div>
                <img class="user-avatar" src="./assets/image/user/avatar.jpeg"/>
            </div>
            <div>
                <div class="user-title">{{userData?.name}}</div>
                <div class="user-sub-title"><span>注册时间：{{userData?.creationTime}}</span></div>
            </div>
            <ul class="text-list">
                <li class="list-item" (click)="goToPage('identity-authentication')">
                    <img class="item-icon" src="./assets/image/icon/icon-user.png" alt="">
                    <span class="item-label">实名认证</span>
                    <div class="item-right">
                        <img *ngIf="userData?.isAuthentication === '已认证'"
                             class="icon-shield" src="./assets/image/icon/icon-shield.png"/>
                        <span>{{userData?.isAuthentication}}</span>
                        <img class="arrow-button" src="./assets/image/icon/icon-arrow-grey.png"/>
                    </div>
                </li>
                <li class="list-item" (click)="goToPage('setting')">
                    <img class="item-icon" src="./assets/image/icon/icon-setting.png" alt="">
                    <span class="item-label">设置</span>
                    <div class="item-right">
                        <img class="arrow-button" src="./assets/image/icon/icon-arrow-grey.png"/>
                    </div>
                </li>
                <li class="list-item">
                    <img class="item-icon" src="./assets/image/icon/icon-phone.png" alt="">
                    <span class="item-label">客服电话</span>
                    <span class="item-value">{{servicePhone}}</span>
                </li>
                <li class="list-item">
                    <img class="item-icon" src="./assets/image/icon/icon-version.png" alt="">
                    <span class="item-label">当前版本</span>
                    <span class="item-value">V{{currentVersion}}</span>
                </li>
                <li class="list-item" (click)="goToPage('login')">
                    <img class="item-icon" src="./assets/image/icon/icon-power.png" alt="">
                    <span class="item-label">退出</span>
                </li>
            </ul>
        </div>
    </div>
</ion-content>
